<template>
    <div id="add-evaluate">
        <Evaluation :page-info="pageInfo">
            <template v-slot:form>
                <div id="form">
                    <div class="score">
                        <div>
                            本次研学综合评定：
                        </div>
                        <div>
                            差
                        </div>
                        <div>
                            一般
                        </div>
                        <div>
                            良好
                        </div>
                        <div>
                            优秀
                        </div>
                    </div>
                    <div class="submit-button">
                        提交上传
                    </div>
                </div>

            </template>
        </Evaluation>
    </div>
</template>

<script>
    import Evaluation from "../Evaluation";

    export default {
        name: "AddEvaluate",
        components: {
            Evaluation
        },
        data() {
            return {
                pageInfo: {
                    title: "新增评价"
                }
            }
        }
    }
</script>

<style scoped>
    .submit-button {
        width: 250px;
        height: 30px;
        color: white;
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        background-color: #D43030;
        margin-left: 200px;
        margin-top: 30px;
    }
</style>
